<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>petshop</title>
    <!-- bootstrap -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

    <!-- animate.css -->
    <link rel="stylesheet" href="./assets/css/animate.min.css" />

    <!-- 重置样式 -->
    <link rel="stylesheet/less" href="./assets/css/reset.less" />

    <!-- 公共样式 -->
    <link rel="stylesheet/less" href="./assets/css/common.less" />

    <!-- 页面独立的 -->
    <link rel="stylesheet/less" href="./assets/css/me.less" />
</head>
<body>
    <!-- header -->
    <div class="header">
        <div class="box">
            <div class="top">
                <img class="wow fadeInRight" data-wow-delay="100ms"src="./assets/images/toux.png" alt="">
                <h1>Linda</h1>
            </div>
            <div class="bottom">
                <div class="item">
                    <p>26</p>
                    <a href="#"class="wow fadeInRight" data-wow-delay="100ms">收藏</a>
                </div>
                <div class="item">
                    <p>45</p>
                    <a href="#"class="wow fadeInRight" data-wow-delay="100ms">已购买</a>
                </div>
                <div class="item">
                    <p>65</p>
                    <a href="#"class="wow fadeInRight" data-wow-delay="100ms">浏览记录</a>
                </div>
                <div class="item">
                    <p>226</p>
                    <a href="#"class="wow fadeInRight" data-wow-delay="100ms">卡券</a>
                </div>
            </div>
        </div>
    </div>

    <!-- shezhi -->
    <div class="shezhi">
        <div class="one">
            <a href="#" class="wow fadeInRight" data-wow-delay="100ms">安全设置</a>
            <div class="glyphicon glyphicon-chevron-right">
            </div>
        </div>
        <div class="one">
            <a href="#" class="wow fadeInRight" data-wow-delay="120ms">会员中心</a>
            <div class="glyphicon glyphicon-chevron-right">
            </div>
        </div>
        <div class="one">
            <a href="#" class="wow fadeInRight" data-wow-delay="140ms">社区中心</a>
            <div class="glyphicon glyphicon-chevron-right">
            </div>
        </div>
        <div class="one">
            <a href="#" class="wow fadeInRight" data-wow-delay="160ms">用户反馈</a>
            <div class="glyphicon glyphicon-chevron-right">
            </div>
        </div>
        <div class="one">
            <a href="#" class="wow fadeInRight" data-wow-delay="180ms">联系我们</a>
            <div class="glyphicon glyphicon-chevron-right">
            </div>
        </div>
        <div class="one">
            <a href="#" class="wow fadeInRight" data-wow-delay="200ms">关于我们</a>
            <div class="glyphicon glyphicon-chevron-right">
            </div>
        </div>
    </div>


    <!-- footer -->
    <div class="footer">
        <div class="box1">
            <div class="item1">
                <img src="./assets/images/footer-1.png" alt="">
                <a href="index.html">商城</a>
            </div>
            <div class="item1">
                <img src="./assets/images/footer-2.png" alt="">
                <a href="faxian.html">发现</a>
            </div>
            <div class="item1">
                <img src="./assets/images/footer-3.png" alt="">
                <a href="gouwu.html">购物车</a>
            </div>
            <div class="item1">
                <img src="./assets/images/footer-4.png" alt="">
                <a href="me.html">我的</a>
            </div>
        </div>
    </div>
</body>
</html>
<!-- 解析less的文件 -->
<script src="./assets/js/less.min.js"></script>

<!-- jquery  -->
<script src="./assets/js/jquery.min.js"></script>

<!-- bootstrap -->
<script src="./assets/js/bootstrap.min.js"></script>

<!-- wow.js -->
<script src="./assets/js/wow.min.repeat.js"></script>

<script>
    new WOW().init()
</script>